<%@page import="cn.sbgs.www.common.Constant"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
	<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>青少年书法-杂志列表</title>
    <link href="<%=request.getContextPath()%>/css/global.css" rel="stylesheet" type="text/css">
    <link href="<%=request.getContextPath()%>/css/contect.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/kkpager.css" />
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/kkpager.min.js"></script>
    <script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/problem/lytebox.js"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/resources/problem/lytebox.css">
	<link href="<%=request.getContextPath()%>/bt/css/bootstrap.min.css" rel="stylesheet" />
	<script type="text/javascript" src="<%=request.getContextPath()%>/bt/js/bootstrap.min.js"></script>
</head>

<body>
    <!--头部开始-->
    <div class="bannercon">
        <div class="banner">
			 <img src="<%=request.getContextPath()%>/image/logo.png">
        </div>
    </div>
    <!--正文开始-->
    <div class="maincon">
        <div class="main">
            <div class="navcon">
                 <ul>
                    <li>
                        <a href="/" >首页</a>
                    </li>
                    <li>
                        <a href="<%=request.getContextPath()%>/client/news/getActivitylist.do">活动</a>
                    </li>
                    <li>
                        <a href="<%=request.getContextPath()%>/client/news/getHdlist.do">互动</a>
                    </li>
                    <li>
                        <a href="<%=request.getContextPath()%>/client/news/getSchoolList.do">名校</a>
                    </li>
					 <li>
						 <a href="<%=request.getContextPath()%>/client/news/mentorship.do">师友</a>
					 </li>
                    <li>
                        <a href="<%=request.getContextPath()%>/client/news/getMagazineList.do" class="currentA">杂志</a>
                    </li>
                </ul>
            </div>
            <div class="section1">
                <h5><a href="/">首页</a>&gt;&gt;<a href="#">杂志详情</a></h5>
                <div class="row">
					<div class="col-md-12">
						<strong style="color: red;font-size: 30px">${data.title}</strong>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						${data.description}
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
							<c:if test="${fn:length(data.list)==0}">暂无图片</c:if>
							<c:if test="${fn:length(data.list)>0}">
								<c:forEach items="${data.list}" var="pic" varStatus="abcd">
									<a href="#" onclick="javascripts:imgOpen('<%=Constant.Url1158 %>${pic.bigpic}')"><img src="<%=Constant.Url1158 %>${pic.bigpic}" class="img-rounded pull-xs-left" style="height: auto; width: 300px"></a>
								</c:forEach>
							</c:if>
					</div>
				</div>
            </div>
        </div>
    </div>
    <!--主体结束-->
    <!--footer-->
    <div class="footercon">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12" style="background-color: #002a80;height: 250px">
					<div class="section1">
						<div class="row" style="width: 1000px;margin: 0 auto;line-height: 40px;">
							<div class="col-md-4">
								<div class="row">
									<div class="col-md-12">
										<strong style="font-size: 20px;color: white;font-family:  '新宋体'">更多精彩内容</strong>
									</div>
								</div>
								<div class="row">
									<div class="col-md-6">
										<div id="downloadImg"><img src="<%=Constant.Url1158%>${footer0.col2}"></div>
									</div>
									<div class="col-md-6">
										<div class="row" style="position: absolute;top: 12px">
											<div class="col-md-12">
												<input type="button" style="filter: alpha(opacity=45); opacity:0.45; width: 140px;height: 40px">
												<strong style="position:absolute;left: 25px;top: 2px;font-size: 17px;font-weight:bolder;color: white;font-family:  '新宋体'">Android版下载</strong>
											</div>
										</div>
										<div class="row" style="position: absolute;top: 80px">
											<div class="col-md-12" >
												<input type="button" style="filter: alpha(opacity=45); opacity:0.45; width: 140px;height: 40px">
												<strong style="position:absolute;left: 25px;top: 2px;font-size: 17px;font-weight:bolder;color: white;font-family:  '新宋体'">iPhone版下载</strong>
											</div>

										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<strong style="font-size: medium;color: white">扫描二维码,下载手机客户端</strong>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="row">
									<div class="col-md-12">
										<strong style="font-size: 20px;color: white;font-family:  '新宋体'">微信公众号 ： </strong><strong style="font-size: 20px;color:orange;font-family:  '新宋体'">青少年书法</strong>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div id="weixinImg"><img src="<%=Constant.Url1158%>${footer0.col3}"></div>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="row">
									<div class="col-md-12">
										<div id="tellus" style="position:absolute;top:20px;font-size: 15px;color:darkgray;line-height: 25px;font-family:  '新宋体'">
											${footer1.content}
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<strong style="position: absolute;top: 180px;font-size: 10px;color:#2d6987;font-family:  '新宋体'">青少年书法&nbsp;版权所有2013-2013&nbsp;ICP备8888888号</strong>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
    </div>
</body>
<script type="text/javascript">
function getParameter(name) { 
	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
	var r = window.location.search.substr(1).match(reg); 
	if (r!=null) return unescape(r[2]); return null;
}
function imgOpen(src) {
	window.open(src,'imgWin','height=500; width=500; toolbar= no; menubar=no; scrollbars=yes; resizable=no; location=no; status=no;');
}

</script>
</html>
